/**
 * Created by Administrator on 2016/7/29.
 */
//    <!--$代表jQurey  下面的是$(document).-->
$(function() {
    function fullwidth(){
        if($('body').width() >=1920){
            $('html').css('font-size',100+'px');
            return;
        };
        var scale = $('body').width()/1920;
        $('html').css('font-size',scale*100+'px');


    };
    fullwidth();
    $(window).resize(function(){
        fullwidth();
    });
    
    $(function(){
        var aLi = $('.flex-img');
        var aImg = $('.flex-img-in');
        var aSpan = $('.flex-img span');
        aLi.each(function(index){
            $(this).mouseover(function(){
                aSpan.eq(index).stop();
                aImg.eq(index).stop();
                aImg.eq(index).css({zIndex:1}).animate({
                    top:57,
                    height:0
                },80,'',function(){
                    $(this).hide();
                    aSpan.eq(index).show().css({zIndex:2}).animate({
                        top:20,
                        height:220
                    },80)

                })

            });
            $(this).mouseout(function(){
                aSpan.eq(index).stop();
                aImg.eq(index).stop();
                aSpan.eq(index).css({zIndex:1}).animate({
                    top:57,
                    height:0
                },80,'',function(){
                    $(this).hide();
                    aImg.eq(index).show().css({zIndex:2}).animate({
                        top:20,
                        height:220
                    },80)
                })
            })
        })
    })
});
